<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li></li>
    </ul>
    <span>
        << /span>
            <span>1 / 10</span>
            <span>></span>

            <script>

                // 轮播     classList

                // 购物车   classList

                // 抽奖

                // 分页

                // var data = [102条]

                // 显示第一页(10条)    总共11页

                // 点击分页  点击第几页的时候就显示第几页的数据


                    // var now = 1; // 当前的页数

                    // var size = 10;  // 每页显示多少条数据

                    // var all = 11;  // 计算出来的，总共的页数  length / size

                    // 显示第一页  显示[0-9]  数据   动态生成商品列表(10条)

                    // 下翻页   now++  显示[10-19]  数据跟now和size有关系   动态生成商品列表(10条)


                    // (now - 1) * size , now * size 


            </script>

</body>

</html>